<div class="container">
<html>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<head>
<style type="text/css">
	#map{
			/*position:absolute !important;*/
			top:0px !important;
			left:0px !important;
			overflow:hidden !important;
	}
	div.divide_content{
			background:url(images/bg_profile.jpg) repeat-y;
			width:11px;
			height:200px;
			float:left;
			margin:20px 5px 0px 30px;
	}
	/* form feedback*/
	#feedback_form, table{
	color: #666666;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif,Helvetica,sans-serif;
    font-size: 14px;
	margin-bottom:20px;
	}
	
	form{
		padding-left:30px;
	}
	
	/*feedback_button*/
	feedback_button.a {
		border-radius: 4px 4px 4px 4px;
		display: block;
		float: right;
		font-size: 10pt;
		height: 35px;
		line-height: 35px;
		margin-left: 10px;
		text-align: center;
		text-decoration: none;
		width: 120px;
		cursor: pointer;
	}
	
	.feedback_button {
		background-color: #F3F3F3;
		border: 1px solid #ACACAC;
		-moz-box-shadow:inset 0px 0px 1px rgba(187,187,187,1);
		-webkit-box-shadow:inset 0px 0px 1px rgba(187,187,187,1);
		box-shadow:inset 0px 0px 1px rgba(187,187,187,1);
		background-image: -o-linear-gradient(90deg , rgb(238,238,238) 0%, rgb(254,254,254) 100%);
		background-image: -moz-linear-gradient(90deg , rgb(238,238,238) 0%, rgb(254,254,254) 100%);
		background-image: -webkit-linear-gradient(90deg , rgb(238,238,238) 0%, rgb(254,254,254) 100%);
		background-image: -ms-linear-gradient(90deg , rgb(238,238,238) 0%, rgb(254,254,254) 100%);
		background-image: linear-gradient(90deg , rgb(238,238,238) 0%, rgb(254,254,254) 100%);
		color: #2B2C2B;
		text-shadow: rgba(254,254,254,0.5) 0px 1px 0px;
		width:150px;
		height:40px;
	}
	/*Hover*/
	.feedback_button:hover {
		background-color: #FFFFFF;
		background-image: -o-linear-gradient(90deg , rgb(246,246,246) 0%, rgb(254,254,254) 100%);
		background-image: -moz-linear-gradient(90deg , rgb(246,246,246) 0%, rgb(254,254,254) 100%);
		background-image: -webkit-linear-gradient(90deg , rgb(246,246,246) 0%, rgb(254,254,254) 100%);
		background-image: -ms-linear-gradient(90deg , rgb(246,246,246) 0%, rgb(254,254,254) 100%);
		background-image: linear-gradient(90deg , rgb(246,246,246) 0%, rgb(254,254,254) 100%);
	}
	/*Active*/
	.feedback_button:active {
		background-color: #F9F9F9;
		-moz-box-shadow:inset 0px 0px 5px rgba(187,187,187,1);
		-webkit-box-shadow:inset 0px 0px 5px rgba(187,187,187,1);
		box-shadow:inset 0px 0px 5px rgba(187,187,187,1);
		background-image: -o-linear-gradient(90deg , rgb(254,254,254) 0%, rgb(246,246,246) 100%);
		background-image: -moz-linear-gradient(90deg , rgb(254,254,254) 0%, rgb(246,246,246) 100%);
		background-image: -webkit-linear-gradient(90deg , rgb(254,254,254) 0%, rgb(246,246,246) 100%);
		background-image: -ms-linear-gradient(90deg , rgb(254,254,254) 0%, rgb(246,246,246) 100%);
		background-image: linear-gradient(90deg , rgb(254,254,254) 0%, rgb(246,246,246) 100%);
		text-shadow: none;
	}
</style>
	<script type="text/javascript" src="js/map.js"></script>
	<script type="text/javascript">
	
		  var center = new google.maps.LatLng(11.555936, 104.924275); //full of cambodia
		    
		  //Declare Longiture and Latitute of Each branch//
		  var Head_Office 	= new google.maps.LatLng(11.555978,104.921848);   
		  ///////////////
		  
		  var marker;
		  var map;
		  var markers = [];
		  var infoWindow;
	
		  function initialize() {
			var mapOptions = {
			  zoom: 12,
			  mapTypeId: google.maps.MapTypeId.ROADMAP,
			  center: center
			};
			infoWindow = new google.maps.InfoWindow();
			map = new google.maps.Map(document.getElementById('map'),
					mapOptions);
			
			//call function to create point of each branch
			//createMarker(latlng, name, address, contact);
			createMarker(
							Head_Office, 
							'Phnom Penh Head Quarter S.I Building<br/>-S.I Group <br/>-S.I Property', 
							'<strong>Tel</strong> : (855) 23 210 586<br>', 
							'S.I Building # 93, Preah Sihanouk Blvd, Phnom Penh, Kingdom of Cambodia');

			////////////////////////////////////////////////
		  }
	
		  function toggleBounce() {
	
			if (marker.getAnimation() != null) {
			  marker.setAnimation(null);
			} else {
			  marker.setAnimation(google.maps.Animation.BOUNCE);
			}
		  }
		  
		  function createMarker(latlng, name, address, contact) {
			var html = '<strong>'+name+'</strong><br><br>'+address+'<br>'+contact+'';
			var marker = new google.maps.Marker({
				map: map,
				animation: google.maps.Animation.DROP,
				position: latlng
			});
			google.maps.event.addListener(marker, 'click', function() {
				infoWindow.setContent(html);

				infoWindow.open(map, marker);
			});
			markers.push(marker);
		}
	</script>
</head>
<body onLoad="initialize()">
    <div class="content1">
        <div style="width:940px;">
              <h2>Company Location</h2>
              <div id="map" style="width: 99.6%; height: 435px; border:1px solid #CCC; border-radius:5px; margin-bottom:20px;"></div><!-- /Google map --> 
             <!--Feedback-->
            <div id="feedback_form">
            <h2>Feedback</h2>
            <p>We would love to hear from you! To provide feedback, please fill out the following form: </p>
            <form id="frmFeedback" method="post" action="<?php echo $_SERVER['PHP_SELF']?>">
                <table cellpadding="3" cellspacing="3" width="100%">
                    <tr>
                        <td width="20%">Name<span style="color:#FF0000">*</span></td>
                        <td width="3%">:</td>
                        <td width="77%"><input type="text" id="username" name="username" value="" style="width:100%"/></td>
                    </tr>
                    <tr>
                        <td>Email<span style="color:#FF0000">*</span></td>
                        <td>:</td>
                        <td><input type="text" id="useremail" name="useremail" style="width:100%" /></td>
                    </tr>
                    <tr>
                        <td>Subject<span style="color:#FF0000">*</span></td>
                        <td>:</td>
                        <td><input type="text" id="subject" name="subject" style="width:100%"/></td>
                    </tr>
                    <tr valign="top">
                        <td>Message<span style="color:#FF0000">*</span></td>
                        <td>:</td>
                        <td>
                        <textarea cols="29" id="message" name="message" rows="8" style="width:100%; height:135px;"></textarea></td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td colspan="2" align="right">
                            <span style="color:#009CDB" id="message_success"></span>
                            <span style="color:#F00" id="message_fail"></span>
                            <input type="button" value="Feedback" onclick="formSubmit();" class="feedback_button" /></td>
                            
                    </tr>
                </table>
            </form>
            
            </div>
            
            <script type="text/javascript">
                function formSubmit()
                {
                    var filter 		= /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
                    var username	= document.getElementById("username").value;
                    var useremail	= document.getElementById("useremail").value;
                    var subject		= document.getElementById("subject").value;
                    var message		= document.getElementById("message").value;
                    
                    if(username=='')
                    {
                        document.getElementById("message_success").innerHTML 	= '';
                        document.getElementById("message_fail").innerHTML 		= 'Please enter your name !';
                        document.getElementById("username").focus;
                    }
                    else if(useremail=='')
                    {
                        document.getElementById("message_success").innerHTML 	= '';
                        document.getElementById("message_fail").innerHTML 		= 'Please enter your email !';
                        document.getElementById("useremail").focus;
                    }
                    else if(!filter.test(useremail))
                    {
                        document.getElementById("message_success").innerHTML 	= '';
                        document.getElementById("message_fail").innerHTML 		= 'Please enter a valid email!';
                        document.getElementById("useremail").focus;
                    }
                    else if(subject=='')
                    {
                        document.getElementById("message_success").innerHTML 	= '';
                        document.getElementById("message_fail").innerHTML 		= 'Please enter your subject !';
                        document.getElementById("subject").focus;
                    }
                    else if(message=='')
                    {
                        document.getElementById("message_success").innerHTML 	= '';
                        document.getElementById("message_fail").innerHTML 		= 'Please enter your message !';
                        document.getElementById("message").focus;
                    }
                    else
                    {
                        document.getElementById("frmFeedback").submit();
                    }
                } 
            
            </script>
            
            <?php
                if(isset($_POST['username']))
                {
                    $errmsg		= '';
                    $mail_to	= 'phirum.y@sitech.com.kh';
                    $username	= $_POST['username'];
                    $mail_from	= $_POST['useremail'];
                    $subject	= $_POST['subject'];
                    $message	= $_POST['message'];
                    
                    $message="From: ".$username." \r\n \r\n \t".$message;
                    
                    $headers = 'From: <'.$mail_from.'>'. "\r\n" ;
                    $ok	= @mail($mail_to,$subject,$message,$headers);
                    if($ok)
                        echo '<script type="text/javascript">document.getElementById("message_success").innerHTML = "Thank you for your feedback!";</script>';	
                    else
                        echo '<script type="text/javascript">document.getElementById("message_fail").innerHTML = "Your feedback fail. Please try again!";</script>';
                }
            ?>
    </div><!-- end <content1 -->          
</body>
</html>

</div><!-- -->
<div class="clearfix"> </div>












    